<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约公寓<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <select ng-model="data.buzProduct" class="form-control" ng-change="loadLayout()" required
                    ng-options="option.id as option.name for option in apartmentList"></select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约房型</label>
          <div class="col-sm-6">
            <select ng-model="data.buzItem" class="form-control"
                    ng-options="option.id as option.name for option in layoutList"></select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人名称<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <input type="text" class="form-control" ng-model="data.userName" maxlength="32" required>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人手机<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <input type="text" class="form-control" ng-model="data.userPhone" maxlength="11" required>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-3 col-sm-offset-2">性别<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <nobr>
              <label class="ui-radio">
                <input name="status" ng-value="1" type="radio" ng-model="data.sex" required>
                <span>男</span>
              </label>
              <label class="ui-radio">
                <input name="status" ng-value="2" type="radio" ng-model="data.sex" required>
                <span>女</span>
              </label>
            </nobr>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">看房时间<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <div class="input-group">
              <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd HH:mm"
                     ng-model="data.startTime" maxlength="16" is-open="enterEnd"
                     close-text="关闭" current-text="今天" clear-text="清空" required
                     placeholder=""/>
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="enterEnd=true">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人备注</label>
          <div class="col-sm-6">
            <textarea cols="3" class="form-control info-text" ng-model="data.content"></textarea>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">客服备注</label>
          <div class="col-sm-6">
            <textarea class="form-control info-text" cols="3" ng-model="data.dealResult"></textarea>
          </div>
        </div>
      </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">返回</button>
    <button class="btn btn-primary no-border" type="button" ng-click="confirm()" ng-disabled="modalForm.$invalid">预约</button>
  </div>
</div>